<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE>
<html>

<head>
<meta name="viewport"
	content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="format-detection" content="telephone=no" />
<meta name="baidu-tc-cerfication"
	content="8f75aa1d017086290b42263df41c1791" />
<title>景点详情 | Seeker 舒客</title>
<meta http-equiv="imagetoolbar" content="no" />
<meta name="robots" content="all" />
<meta name="keywords" content="旅居线路 旅居景区 旅游景点 攻略 照片 自助游" />
<meta name="description"
	content="想找适合您的旅居线路吗?快来舒客旅居网看看吧，精心挑选旅居线路供您出游选择。" />
<meta name="apple-mobile-web-app-title" content="0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<link rel="icon"
	href="${pageContext.request.contextPath}/LeisureSeeker/icons/favicon.ico"
	sizes="16x16" />
<link rel="icon" href="/favicon_32x32.ico" sizes="32x32" />
<link rel="icon" href="/favicon_128x128.png" sizes="128x128" />
<link rel="icon" href="/favicon_256x256.png" sizes="256x256" />

<link rel="apple-touch-icon" href="favicon_256x256.png" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/LeisureSeeker/css/jquery-ui-1.9.custom.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/LeisureSeeker/css/ylj.css">

<script type="text/javascript" charset="utf-8"
	src="${pageContext.request.contextPath}/LeisureSeeker/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" charset="utf-8"
	src="${pageContext.request.contextPath}/LeisureSeeker/js/jquery-ui-1.9.2.min.js"></script>
<script type="text/javascript">
	var $j = jQuery.noConflict();
</script>
<script type="text/javascript" charset="utf-8"
	src="${pageContext.request.contextPath}/LeisureSeeker/js/yododo.js"></script>
<script type="text/javascript" charset="utf-8"
	src="${pageContext.request.contextPath}/LeisureSeeker/js/prototype.js"></script>
<script type="text/javascript">
	var _hmt = _hmt || [];
	var _gaq = _gaq || [];
	_gaq.push([ '_setAccount', 'UA-145162-2' ]);
	_gaq.push([ '_setDomainName', 'yododo.com' ]);
	_gaq.push([ '_addOrganic', 'google.cn', 'q' ]);
	_gaq.push([ '_addOrganic', 'baidu', 'word' ]);
	_gaq.push([ '_addOrganic', 'baidu', 'wd' ]);
	_gaq.push([ '_addOrganic', 'soso', 'w' ]);
	_gaq.push([ '_addOrganic', 'sogou', 'query' ]);
	_gaq.push([ '_addOrganic', 'youdao', 'q' ]);
	_gaq.push([ '_addOrganic', 'so.360.cn', 'q' ]);
	_gaq.push([ '_addOrganic', 'so.cn', 'q' ]);
	_gaq.push([ '_addOrganic', 'so.com', 'q' ]);
	_gaq.push([ '_addOrganic', '360sou.com', 'q' ]);
	_gaq.push([ '_addOrganic', 'vnet', 'kw' ]);
	_gaq.push([ '_addOrganic', '3721', 'name' ]);
	_gaq.push([ '_addOrganic', 'gougou', 'search' ]);
	_gaq.push([ '_addOrganic', 'sm.cn', 'q' ]);
	_gaq.push([ '_addIgnoredOrganic', '舒客' ]);
	_gaq.push([ '_addIgnoredOrganic', '舒客旅行网' ]);
	_gaq.push([ '_addIgnoredOrganic', '舒客旅游网' ]);
	_gaq.push([ '_addIgnoredOrganic', '舒客网' ]);
	_gaq.push([ '_addIgnoredOrganic', '舒客驿站' ]);
	_gaq.push([ '_addIgnoredOrganic', '舒客客栈' ]);
	_gaq.push([ '_addIgnoredOrganic', 'yododo' ]);
	_gaq.push([ '_addIgnoredOrganic', 'youduoduo' ]);
	_gaq.push([ '_addIgnoredOrganic', 'youdodo' ]);
	_gaq.push([ '_addIgnoredOrganic', 'www.yododo.com' ]);
	_gaq.push([ '_addIgnoredOrganic', 'www.yododo.cn' ]);
	_gaq.push([ '_trackPageview' ]);
	_gaq.push([ '_setCustomVar', 1, 'VisitorType', 'Visit', 2 ]);
	try {
		var ga_cat = location.pathname.match(/^\/([a-z/])+/)[0];
		if (ga_cat) {
			_gaq.push([ '_setCustomVar', 4, 'Category', ga_cat, 3 ]);
		}
	} catch (ga_e) {
	}
	function addTrackEvent(action, opt_label, opt_value) {
		try {
			if (opt_value) {
				_gaq.push([ '_trackEvent', action, opt_label, opt_value ]);
				_hmt.push([ '_trackEvent', action, opt_value, opt_value ]);
			} else {
				_gaq.push([ '_trackEvent', action, opt_label ]);
				_hmt.push([ '_trackEvent', action, opt_label ]);
			}
		} catch (e) {
		}
	}
</script>
</head>

<body>
	<jsp:include page="header.jsp" />
	<style>
.idxnote {
	height: 300px;
	width: 300px;
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 11111;
}

.idxclose {
	font-size: 12px;
	padding: 2px 5px;
	background-color: rgba(255, 255, 255, .5);
	position: absolute;
	color: #fff;
	right: 0;
	top: 0;
	text-decoration: none
}

@media screen and (max-width: 980px) {
	.idxnote {
		width: 0;
		height: 0
	}
}
</style>
	<script>
		function cookiesave(n, v, mins, dn, path) {
			if (n) {
				if (!mins)
					mins = 365 * 24 * 60;
				if (!path)
					path = "/";
				var date = new Date();
				date.setTime(date.getTime() + (mins * 60 * 1000));
				var expires = "; expires=" + date.toGMTString();
				if (dn)
					dn = "domain=" + dn + "; ";
				document.cookie = n + "=" + v + expires + "; " + dn + "path="
						+ path;
			}
		}
		function cookieget(n) {
			var name = n + "=";
			var ca = document.cookie.split(';');
			for (var i = 0; i < ca.length; i++) {
				var c = ca[i];
				while (c.charAt(0) == ' ')
					c = c.substring(1, c.length);
				if (c.indexOf(name) == 0)
					return c.substring(name.length, c.length);
			}
			return "";
		}
		function closeclick() {
			document.getElementById('idxnote').style.display = 'none';
			cookiesave('closeclick', 'closeclick', '', '', '');
		}
		function clickclose() {
			if (cookieget('closeclick') == 'closeclick') {
				document.getElementById('idxnote').style.display = 'none';
			} else {
				document.getElementById('idxnote').style.display = 'block';
			}
		}
		window.onload = clickclose;
	</script>
	<div id="idxnote" class="idxnote" style="display: none;">
		<div>
			<a href="#" onClick="closeclick()" class="idxclose">X</a> <a
				href="https://www.dafyun.cn/Public/count1.html" target="_blank">
				<img src="images/016A10400AB81BFBFF8080816A0DB05D_o.jpg" width="300"
				height="300" />
			</a>
		</div>
	</div>


</body>
<div id="main" class="pdt">

	<div class="crumbs w1200">
		<a href="home">首页</a>&nbsp; &gt; &nbsp; <a href="route">景点</a>&nbsp;&gt;
		&nbsp; <strong>${requestScope.keyword}</strong>
	</div>
	
		<div class="lxx w1200 clearfix" style="padding-top: 10px;">
			<div class="lxximg wp40 clearfix">

				<strong>舒客严选</strong>
				<ul>
					<!-- <li style="background-image: url(demo.jpg)">&nbsp;</li>
                <li style="background-image: url(demo1.jpg)">&nbsp;</li>
                <li style="background-image: url(demo2.jpg)">&nbsp;</li> -->
					<li id="bg-img"
						style="background-image: url(http://pic3.40017.cn/scenery/destination/2015/04/18/14/RIKuWK.jpg)">
						&nbsp;</li>
				</ul>
				<div>
					<!-- <a href="#">&nbsp;</a>
                <a class="current" href="#">&nbsp;</a>
                <a href="#">&nbsp;</a> -->
					<a href="#">&nbsp;</a>
				</div>
			</div>
			<div class="lxxsm1 wp56">
				<strong class="place_name"></strong> <span>参考票价<i id="price"><b>&yen;</b></i>元起
				</span>
			</div>
			<div class="lxxsm2 wp56">
				<!-- <span><i>注意事项</i><strong id="attention"></strong></span> -->
				<span><i>地址</i><strong id="address"></strong></span> <span><i></i>
					<strong id=""></strong> </span> 

			</div>
		</div>
		<div class="lxx w1200 clearfix" id="event-price"></div>

		<div class="cp w1200">

			<div class="cpm">
				<div id="fcpm" class="cpmenu1">
					<div class="w1200">
						<a class="current" id="xcjs_tab" href="javascript:;">景点介绍</a> <a
							href="javascript:;" id="zyts_tab">费用说明</a> <a href="javascript:;"
							id="lvdp_tab">旅友点评</a>
						<!-- <a href="javascript:;" id="zxwd_tab">咨询问答</a> -->
						<a class="jg" href="xl-js1.html"> 总&nbsp;&nbsp;&nbsp;&nbsp;计<i
							id="totallinePrice2"><b>&yen;</b>0</i> <span>立即预定</span>
						</a>
					</div>
				</div>
			</div>
			<div class="cpsm" id="xcjs" style="display: none;">
				<h3 class="place_name"></h3>
				<span class="count" id="content"></span>
			</div>

			<div class="cpsm" id="zyts" style="display: none;">
				<h3>注意事项</h3>
				<p class="alert" id="attention"></p>
				</br>
				<h3>开放时间</h3>
				<p class="alert" id="opentime"></p>
			</div>

			<div class="cpsm" id="lvdp" style="display: none;">
				<h3>
					旅友点评<span class="count"></span>
				</h3>
				<p class="alert">不好意思，目前还没有旅友留下任何点评...</p>
			</div>

			<div class="zxwd" id="zxwd" style="display: none;">
				<h3>
					旅友提问<span class="count">(0)</span>
				</h3>
				<p class="alert">不好意思，目前还没有旅友留下任何问答...</p>

				<div id="respond" class="city_box-z mb35">
					<div class="head-title clearfix">
						<h3>发表回复</h3>
					</div>
					<textarea id="respondBox" name="comment" cols="80" rows="8"
						onkeyup="errRdPopup();" class="tarea"></textarea>
					<div class="fbhf clearfix">
						<div id="respondBox-errMsg" class="respond-err"
							style="color: #ff0000;"></div>
						<div class="fleft">
							您尚未<a href="http://www.yododo.com/user/login.ydd">登录</a>，点此<a
								href="http://www.yododo.com/user/login.ydd">登录</a>后发表评论哦~
						</div>
						<div class="fright">
							<a href="http://www.yododo.com/user/login.ydd"><span
								class="wst"><span>发表</span></span></a>
						</div>
					</div>
				</div>
			</div>
		</div>

	<!-- <a href="xl-js1.html" class="mnext">下一步，选择出游日期</a> -->
</div>

<script type="text/javascript">
	window.onload = function() {
		var oDiv = document.getElementById("fcpm");
		var H = 0;
		var Y = oDiv;
		while (Y) {
			H += Y.offsetTop;
			Y = Y.offsetParent
		}
		;
		window.onscroll = function() {
			var s = document.body.scrollTop
					|| document.documentElement.scrollTop;
			if (s > H) {
				oDiv.className = "cpmenu2";
			} else {
				oDiv.className = "cpmenu1";
			}
		};
	}
</script>
<script type="text/javascript">
	//<![CDATA[
	var listdetailTabs = [ 'xcjs', 'zyts', 'lvdp', 'zxwd' ];
	$j().ready(function() {
		$j("#xcjs_tab").click(function() {
			showTab(listdetailTabs, 'xcjs');
		});
		$j("#zyts_tab").click(function() {
			showTab(listdetailTabs, 'zyts');
		});
		$j("#lvdp_tab").click(function() {
			showTab(listdetailTabs, 'lvdp');
		});
		$j("#zxwd_tab").click(function() {
			showTab(listdetailTabs, 'zxwd');
		});
	});
//-->
</script>
<script type="text/javascript">
	//<![CDATA[
	getEventPriceVersion("eid=0168A27C8CCF0FB7F2D0D07568A07724&rn="
			+ Math.random(), "event-price", "2");
	function getEventPriceVersion(params, targetId, version) {
		$j.ajax({
			type : "POST",
			url : "/event/getLinePrice.ydd",
			data : "version=" + version + "&" + params,
			success : function(data) {
				$j("#" + targetId).html(data);
			}
		});

		//new Ajax.Updater(targetId, "/event/getLinePrice.ydd?version=" + version, {method:"get", parameters:params, noWaitMsg:true, onComplete: _getEventPriceComplete});
	}
	//]]>
</script>
<script type="text/javascript">
	//_$tag____
	function showLineMonthPrice(v) {
		$j("#line-price-map1").hide();
		$j("#line-price-map2").hide();
		$j("#line-price-map" + v).show();
		$j("#line-price-a1").attr("class", "");
		$j("#line-price-a2").attr("class", "");
		$j("#line-price-a" + v).attr("class", "current");
	}
	//_$t
</script>
<script type="text/javascript">
	//<![CDATA[
	try {
		_gaq.push([ '_trackEvent', 'lj_line_detail', 'detail' ]);
		_hmt.push([ '_trackEvent', 'lj_line_detail', 'detail' ]);
	} catch (e) {
	}
	//]]>
</script>
<jsp:include page="bottom.jsp" />
<script type="text/javascript" charset="utf-8"
	src="${pageContext.request.contextPath}/LeisureSeeker/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
	function formatterDateTime() {
		var date = new Date()
		var month = date.getMonth() + 1
		var datetime = date.getFullYear()
				+ ""// "年"
				+ (month >= 10 ? month : "0" + month)
				+ ""// "月"
				+ (date.getDate() < 10 ? "0" + date.getDate() : date.getDate())
				+ ""
				+ (date.getHours() < 10 ? "0" + date.getHours() : date
						.getHours())
				+ ""
				+ (date.getMinutes() < 10 ? "0" + date.getMinutes() : date
						.getMinutes())
				+ ""
				+ (date.getSeconds() < 10 ? "0" + date.getSeconds() : date
						.getSeconds());
		return datetime;
	}
	var imgArray = [
			"http://pic3.40017.cn/scenery/destination/2015/04/18/14/RIKuWK.jpg",
			"http://img3.yododo.com.cn/files/forum/2019-01-31/0168A1CF86F909FBF2D0D07568A07724.jpg",
			"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557034309155&di=5fe8c51f47cfacc5479b3e8ac4a0590b&imgtype=0&src=http%3A%2F%2Fimg.pconline.com.cn%2Fimages%2Fupload%2Fupc%2Ftx%2Fitbbs%2F1904%2F23%2Fc25%2F143949889_1556023769752_mthumb.jpg",
			"http://img3.tuniucdn.com/images/2012-05-22/9/9533nR9tth6zzoc0.jpg",
			"http://img3.yododo.com.cn/files/forum/2018-11-02/0166D26D21CF146FFF80808166D09074.jpg",
			"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557035508727&di=31a4182fc569bc73689a84bd130edcf1&imgtype=0&src=http%3A%2F%2Fn.sinaimg.cn%2Ffront%2F657%2Fw900h557%2F20190401%2FEDav-hvcmeux0834566.jpg", ];
	$.ajax({
		type : 'post',
		url : 'http://route.showapi.com/268-1',
		dataType : 'json',
		data : {
			"showapi_timestamp" : formatterDateTime(),
			"showapi_appid" : '93715', //这里需要改成自己的appid
			"showapi_sign" : 'da97f7f1dea64e8b936b1810648bd086', //这里需要改成自己的应用的密钥secret
			"keyword" : "${keyword}",
			"proId" : "",
			"cityId" : "",
			"areaId" : "",
			"page" : ""
		},
		error : function(XmlHttpRequest, textStatus, errorThrown) {
			alert("操作失败!");
		},
		success : function(result) {
			console.log(result.showapi_res_body.pagebean.contentlist);
			var data = result.showapi_res_body.pagebean.contentlist[0];
			//alert(result.showapi_res_code)
			$('#price').append(data.price);
			$('#address').text(data.address);
			//
			$('.place_name').prepend(data.name);
			$('#content').prepend(data.content);
			$('#attention').prepend(data.attention);
			$('#opentime').prepend(data.opentime);
			var index = ${sequence};
			$('#bg-img').css('background-image', 'url(' + imgArray[index] + ')');
		}
	});
</script>
</body>

</html>